<template>
  <div class="wrap">
      <div style="float:left;width:70px;height:70px;background:yellow"></div>
      <audio style="width:90%;float:left;margin-top:5px;" :src="url" controls autoplay/>
  </div>
</template>
<script>
import { reactive, onMounted, ref, toRefs } from 'vue'
import get from '@/utils/axios/index'
export default {
  name: 'Footer',
  props: ['url'],
  setup(props,context){
    const state = reactive({
      val: '',
    })
    const search = (val)=>{
      get(`/search?keywords=${val}`).then(res => {
        context.emit('searchlist',res.result.songs);
      });
    } 
    return {
      search
    }
  }
};
</script>
<style lang="scss" scoped>
.wrap{
  position: fixed;
  bottom: 0;
}
</style>